Efecto invisible en la Narvbar (Barra de Blogger)

Este método hará aparecer y desaparecer gradualmente la Navbar acercando el mouse.
Para ello haremos lo siguiente... Nos situamos en Plantilla/Edicción HTML y
justo antes de </head> añadimos lo siguiente:

<script src='http://www.google.com/jsapi'/><script>
google.load("prototype", "1.6.0.2");
google.load("scriptaculous", "1.8.1");
</script>

<script type="text/javascript">
function navbarShow() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>

Vía:hodavame

Ávalos: Colosal, y que velocidad de respuesta por Diox.
Me llamó la atención la barrita esa que se escondía (además, la que tú has explicado tiene efecto, mucho mejor)
Millones de gracias, eres fantástica y haces un trabajo estupendo ^^; 10.7.07
Gem@: Gracias por las palabras Batou, he visitado tu blog pero veo que aún no aplicaste el código.
Si tienes problemas házmelo saber ;); 10.7.07
Ávalos: Huy, no sé, es curioso, yo si veo que funciona. Es este blog: www.shirowsama.blogspot.com

Saludos^^; 11.7.07
Gem@: Llevas razón, estuve en tu blog de pruebas :D :D :D; 11.7.07
Santiago José López Borrazás: Hombre...también se hace esto, pero después de head, como ésto:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Ponemos los Styles...

Y ya vale... ;-)

A mí me ha funcionado, y no tengo la barrita de marras en mi blog ;-)

Yo lo he encontrado de una página web...que ahora mismo, ni lo recuerdo.; 25.7.07
Gem@: No se trata de eliminar la barra Santiago sino que tenga un efecto invisible y aparezca al pasar el ratón por encima lo que hace que tengamos a nuestra disposición la barra pero no sea visible a simple vista.; 25.7.07
Juan Carlos: me ha encantado tu blog, pero me gustaría saber que es eso del navbar y cual es el efecto que le aplicas. Gracias por todo. Perdón por la torpeza.Pasate por mi blog; 20.10.07
Juan Carlos: perdon, ya se lo q es, lo hevisto en otro post tuyo; 20.10.07
Gem@: Hola Juank bienvenido y gracias por la invitación ;); 20.10.07
Anónimo: HolA MaEStRa ^^ fijese que pasé por Aqui (diario lo hago) y traté de hacerlo, sinembargo fue inutil... no sé si tenga que ver con aquellos códigos que se encuentran justo antes del, es decir los que tenía antes de poner esta monada de la narvbar... me podrías ayudar porfis?.. bueno gracias, y como siempre lo he dicho, eres la mejor! :); 1.8.08
Shark_Bloody: Creo que la barrita esta es bastante util para la creacion de entradas, asi que aparesca cuando cuando la nesesitamos es mas util todavia, aunque eso me genero una duda, a pesar de ser tan util, en tu blog y en blogs como Vagabundia la ocultaron completamente, por que?; 15.8.08
Kronos Corp.: Que tal...fijate que eh querido aplicar este efecto pero la plantilla que tengo en uso no traia incluida la navbar...asi que lo que necesito es el codigo de la navbar simle...bueno gracias por la ayuda y por toda la informacion de tu blog; 14.10.08
Gem@: Cabina Holistica.... tu plantilla es la Minima y admite perfectamente añadir ese script.
de todas formas prueba a añadirlo después de <head>

Sharck... en la mayoría de casos optamos por eliminarla por estética. Luego tiene que ver también la opción de "marcar" que lleva la barra, como bien sabrás esa opción es para informar que un blog es de contenido dudoso pero no todo el mundo tiene buenas intenciones....
Al "marcar" el blog Blogger normalmente lo bloquea y luego hace revisión (debería ser al contrario pero no lo es)
Yo no aconsejo eliminar la barra, cada uno es libre de hacer lo que vea conveniente.
También es cierto que dicen que Blogger penaliza si suprimimos la barra (todavía no he visto penalización en ninguna parte)

De qué blog estamos hablando Cloud Strife?; 14.10.08
Kronos Corp.: ah si cierto se me olvido poner el blog en el cual quiero poner la navbar , este es el blog Giga Soft; 14.10.08
Gem@: Prueba a elimina resto de tu plantilla:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

(Mira en vista previa); 14.10.08
Gem@: Quise decir "eliminar esto" ;); 14.10.08
Kronos Corp.: Gracias ya lo elimine y ya se mostro..gracias una duda...¿sabes como ajustar las orillas de la pagina??; 14.10.08
Gem@: No entiendo a qué te refieres :O; 16.10.08
Eligor!: Gem@, crees que sea necesario agregar a la plantilla el codigo scriptaculous?; 5.9.09
Gem@: yz Lacrimas si ya lo añadiste para otra función no es necesario añadirlo de nuevo ;); 5.9.09